<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div class="h"></div>



    <div class="container">
        <div class="card">
            <div class=" bg-cover  " style="background-image: url('./img/index-about.png');">
            </div>
            <div class="card-body">
                <div class="h1">全球数万用户的选择</div>
                <div class="text-lg"> 2012年起，超过9年的深耕，不断倾听用户的需求，让我们赢得了来自个人、创业者、以及顶级品牌和企业的信赖与选择。</div>
                <div class="mt-1"><span id="counter">26,548</span>+</div>
            </div>
        </div>
    </div>


    <div class="h"></div>
    <style>
        .container {
            max-width: 960px;
            width: 100%;
            margin-right: auto;
            margin-left: auto;
        }

        .container .card {
            position: relative;
            background: linear-gradient(180deg, var(--bg-light), #fff);
            border: 2px solid #fff;
            box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
            border-radius: var(--radius-lg);
            display: flex;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
        }

        .bg-cover {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .card-body {
            position: relative;
            text-align: center;
            padding: 5rem 2rem;
            color: #fff;
            flex: 1 1 auto;
        }

        .card-body .h1 {
            font-size: 2.25rem !important;
            font-family: "SourceHanSansCN_Bold", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            line-height: 1.4;
            font-weight: 700;
            margin: 0;
            margin-bottom: 3rem !important;
        }

        .text-lg {
            font-size: 1.125rem !important;
        }

        .mt-1 {
            margin-top: 0.25rem !important;
            font-size: 6rem !important;
        }

        :root {
            --bg-light: #f0f2f7;
            --radius-lg: 18px;
        }

        .h {
            height: 500px;
        }
    </style>
    <!--
        https://www.nicetheme.cn/vip
    -->
</body>

</html>